﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>iGoal</title>
<!--script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script-->
<script type="text/javascript" src="scripts/fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
<script type="text/javascript" src="scripts/fancybox/jquery.fancybox-1.3.1.js"></script>
<script type="text/javascript" src="scripts/jquery.jeditable.js"></script>
<script type="text/javascript" src="scripts/DD_roundies_0.0.2a-min.js"></script> 
<script type="text/javascript" src="scripts/jquery-1.4.2.min.js"></script>     
<script type="text/javascript" src="scripts/jquery.custom.select.js"></script>

<link rel="stylesheet" type="text/css" href="script/fancybox/jquery.fancybox-1.3.1.css" media="screen" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="styles/tmpStyle.css" rel="stylesheet" type="text/css" />
<link href="styles/pigStyle.css" rel="stylesheet" type="text/css" />

</head>
<body>
<div id="all">
  <div id="header">
    <div class="top">
      <input type="text" class="input_search" />
      <input type="button" class="button_search" />
    </div>
    <div class="banner">
      <div id="logo"><img src="images/logo/logo.png" alt="igoal.vn" /></div>
      <div class="w1">
        <div></div>
      </div>
      <div id="slogan">chia sẻ mục tiêu của bạn</div>
    </div>
  </div>
  <div id="acc_contain"> <a class="avatar"><img src="images/avatar.png" alt="" /></a>
    <div class="infomation">
      <div class="title"><b style="float:left">“</b> <div class="editable edittext" style="display:inline">hôm nay buồn buồn sao ý mấy bạn ạ... </div><b>”</b></div>
      <div class="updatetime">Cập nhật cách đây 1 giờ 20 phút</div>
      <div class="icon"> <a class="smiles"></a>
        <div class="w2"></div>
        <a class="contact"></a>
        <div class="w2"></div>
        <a class="friend"></a>
        <div class="w2"></div>
        <a class="support"></a> </div>
    </div>
  </div>
  <div class="w3"></div>
  <style>
  	
  </style>
  <div id="infomation">
    <div id="left">

        <div class="accSettingHead">
				<span></span>
				<h1>Tài khoản của bạn</h1>
				<p>Cập nhật chính xác các thông tin bạn lưu trữ trên iGoal để đảm bảo các quyền lợi cao nhất của bạn tại iGoal.</p>
		</div>
        <div class="accountSettingSaved">
			<div class="accSettingLabel">
            <label class="inputLabelGrey">&bull; Thông tin cơ bản</label>
            <a href="#" class="inforWrite"></a>
           </div>
           <div class="clearthis"></div>
           <div class="accSettingData">
           	<div class="accSettingRow">	
           		<span class="fl accDataL">Họ và tên:</span>
                <span class="fl accDataR"><input type="text"/></span>
                <span class="fl accDataL">Ngày Sinh:</span>
                <span class="fl accDataR"><select><option>29</option></select><select><option>12</option></select><select><option>1987</option></select></span>
                <span class="fl accDataL">Giới Tính:</span>
                <span class="fl accDataR"><select><option>Nam</option><option>Nữ</option></select></span>
                <span class="fl accDataL">Tỉnh thành:</span>
                <span class="fl accDataR"><select><option>Hồ Chí Minh</option><option>Đà Nẵng</option></select></span>
                <span class="fl accDataL">Email:</span>
                <span class="fl accDataR"><input type="text"/></span>
                <span class="fl accDataL">Tự bạch:</span>
                <span class="fl accDataR"><textarea cols="5" rows="5"></textarea></span>
                <div class="clearthis"></div>
                <p><a class="icon_1 btnUploadAvatar accSettingSaveBtn" href="#">Lưu thay đổi</a> <a href="#">Hủy</a></p>
             </div>
           </div>
           
           <div class="accSettingLabel">
            <label class="inputLabelGrey">&bull; Thông tin liên hệ</label>
            <a href="#" class="inforWrite"></a>
           </div>
           <div class="clearthis"></div>
           <div class="accSettingData">
           	<div class="accSettingRow">	
           		<span class="fl accDataL">Yahoo ID:</span>
                <span class="fl accDataR"><input type="text"/></span>
                <span class="fl accDataL">Skype ID:</span>
                <span class="fl accDataR"><input type="text"/></span>
                <span class="fl accDataL">Facebook:</span>
                <span class="fl accDataR"><input type="text"/></span>
                <span class="fl accDataL">ĐTDĐ</span>
                <span class="fl accDataR"><input type="text"/></span>
                <span class="fl accDataL">Website:</span>
                <span class="fl accDataR"><input type="text"/></span>
                <div class="clearthis"></div>
                <p><a class="icon_1 btnUploadAvatar accSettingSaveBtn" href="#">Lưu thay đổi</a> <a href="#">Hủy</a></p>
           	</div>
           </div>
           <div class="accSettingLabel">
            <label class="inputLabelGrey">&bull; Học hành và nghề nghiệp</label>
            <a href="#" class="inforWrite"></a>
           </div>
           <div class="clearthis"></div>
           <div class="accSettingData">
           	<div class="accSettingRow">		
           		<span class="fl accDataL">Trường:</span>
                <span class="fl accDataR"><input type="text"/></span>
                <span class="fl accDataL">Tỉnh thành:</span>
                <span class="fl accDataR"><select><option>Hồ Chí Minh</option><option>Đà Nẵng</option></select></span>
                <span class="fl accDataL">Chuyên ngành:</span>
                <span class="fl accDataR"><select><option>Dâm Ô</option><option>Trụy Lạc</option></select></span>
                <span class="fl accDataL">Trình độ:</span>
                <span class="fl accDataR"><select><option>Tiến sĩ</option><option>Thạc sĩ</option><option>Cử nhân</option><option>Cao Đẵng</option><option>Trung Cấp</option></select></span>
                <span class="fl accDataL">Niên khóa:</span>
                <span class="fl accDataR"><select><option>2007</option></select> đến <select><option>2007</option></select></span>
             </div>
             <div class="clearthis"></div>
             <a href="#" class="addDataButton">[+] Thêm Trường</a> <a href="#" class="removeDataButton">[-] Xóa Trường</a>
             
             <div class="accSettingRow">		
           		<span class="fl accDataL">Công ty:</span>
                <span class="fl accDataR"><input type="text"/></span>
                <span class="fl accDataL">Tỉnh thành:</span>
                <span class="fl accDataR"><select><option>Hồ Chí Minh</option><option>Đà Nẵng</option></select></span>
                <span class="fl accDataL">Lĩnh vực:</span>
                <span class="fl accDataR"><select><option>Dâm Ô</option><option>Trụy Lạc</option></select></span>
                <span class="fl accDataL">Chức danh:</span>
                <span class="fl accDataR"><select><option>Dâm Ô</option><option>Trụy Lạc</option></select></span>
                <span class="fl accDataL">Thời gian:</span>
                <span class="fl accDataR"><select><option>2007</option></select> đến <select><option>2007</option></select></span>
             </div>
             <div class="clearthis"></div>
              <a href="#" class="addDataButton">[+] Thêm Công ty</a> <a href="#" class="removeDataButton">[-] Xóa Công ty</a>
              <br/>
              <div class="clearthis"></div>
                <p><a class="icon_1 btnUploadAvatar accSettingSaveBtn" href="#">Lưu thay đổi</a> <a href="#">Hủy</a></p>
           </div>
           <div class="accSettingLabel">
            <label class="inputLabelGrey">&bull; Nơi ở</label>
            <a href="#" class="inforWrite"></a>
           </div>
           <div class="clearthis"></div>
           <div class="accSettingData">
           	<div class="accSettingRow">	
           		<span class="fl accDataL">Địa chỉ:</span>
                <span class="fl accDataR"> <input type="text"/></span>
                <span class="fl accDataL">Quận/Huyện:</span>
                <span class="fl accDataR"><input type="text"/></span>
                <span class="fl accDataL">Tỉnh thành:</span>
                <span class="fl accDataR"><select><option>Hồ Chí Minh</option><option>Đà Nẵng</option></select></span>
				<div class="clearthis"></div>
                <p><a class="icon_1 btnUploadAvatar accSettingSaveBtn" href="#">Lưu thay đổi</a> <a href="#">Hủy</a></p>
           	</div>
           </div>
           <div class="accSettingLabel">
            <label class="inputLabelGrey">&bull; Sở thích</label>
            <a href="#" class="inforWrite"></a>
           </div>
           <div class="clearthis"></div>
           <div class="accSettingData">
           	<div class="accSettingRow">	
           		<span class="fl accDataL">Lĩnh vực quan tâm:</span>
                <span class="fl accDataR"><label>Sức khỏe</label><input type="checkbox"/><label>Sức khỏe</label><input type="checkbox"/><label>Sức khỏe</label><input type="checkbox"/><label>Sức khỏe</label><input type="checkbox"/><br/><label>Sức khỏe</label><input type="checkbox"/><label>Sức khỏe</label><input type="checkbox"/><label>Sức khỏe</label><input type="checkbox"/><label>Sức khỏe</label><input type="checkbox"/></span>
                <span class="fl accDataL">Dòng nhạc, thể loại nhạc:</span>
                <span class="fl accDataR"><textarea cols="5" rows="5"></textarea></span>
                <span class="fl accDataL">Thể loại phim:</span>
                <span class="fl accDataR"><textarea cols="5" rows="5"></textarea></span>
                <span class="fl accDataL">Thể loại sách, tên sách:</span>
                <span class="fl accDataR"><textarea cols="5" rows="5"></textarea></span>
                <span class="fl accDataL">Món ăn khoái khẩu:</span>
                <span class="fl accDataR"><textarea cols="5" rows="5"></textarea></span>
                <span class="fl accDataL">Sở thích khác:</span>
                <span class="fl accDataR"><textarea cols="5" rows="5"></textarea></span>
				<div class="clearthis"></div>
                <p><a class="icon_1 btnUploadAvatar accSettingSaveBtn" href="#">Lưu thay đổi</a> <a href="#">Hủy</a></p>
           	</div>
           </div>
        </div>
        
        
    
    
    </div> <!--end Left-->
    <div id="right">
    	<div class="w6"></div>
    	<div id="goalrank">
        	<div class="title">Thông tin về mục tiêu này</div>
            <div class="rank">Tổng số người thực hiện: <b>1400</b> người<br />
            Tổng số người hoàn thành: <b>375</b> người<br />
            Thời gian trung bình hoàn thành: <b>32</b> ngày<br />
            Tổng số giải pháp đưa ra: <b>500</b> người<br />
            </div>
        </div>
      <div class="question">
        <h1>Cập nhật thông tin cá nhân</h1>
      </div>
      <div id="updateuser" class="bogoc">
        <div class="score2">
        	<div class="scorebar">
            	<div class="left"></div>
                <div class="center" style="width:70px">25% |</div>
                <div class="right"></div>
            </div>
        </div>
        <div class="w6"></div>
        <div class="sharingtip">
          <div class="icontip"></div>
          <div class="tip"><a>Cập nhật các thông tin cơ bản +<b>15</b>%</a></div></div>
        <div class="sharingtip">
          <div class="icontip"></div>
           <div class="tip"><a>Thêm hình đại diện +<b>15</b>%</a></div></div>
        <div class="sharingtip">
          <div class="icontip"></div>
           <div class="tip"><a>Thêm thông tin về sở thích +<b>15</b>%</a></div></div>
        <div class="sharingtip">
          <div class="icontip"></div>
           <div class="tip"><a>Chia sẻ mục tiêu của bạn +<b>15</b>%</a></div></div>
        <div class="w6"></div>
        <div id="hot"> <b>Tại sao bạn phải cập nhật thông tin cá nhân ?</b><br />
          <br />
          iGoal sẽ dựa trên thông tin cơ bản của bạn để gợi ý danh sách những bạn bè của bạn hiện đang hoạt động trên iGoal </div>
      </div>
      <div class="question">
        <h1>Giới thiệu bản thân</h1>
      </div>
      <div id="aboutme">
        <div class="top"></div>
        <div class="middle">
        <div class="icon"></div>
        <div class="editabletext">Tôi 20 tuổi, nhiều hoài bão, ước mơ! Tôi luôn đặt mục tiêu cho bản thân mình để hướng đến và hoàn thiện mình hơn...</div>
        </div>
        <div class="buttom"> </div>
        <div class="question">
          <h1>Danh sách bạn bè <b style="color:#CA4A0C">(18)</b></h1>
          <div class="dem1"><a class="viewall"></a></div>
        </div>
        
        <div class="clearthis"></div>
        <div class="friendListBox">
        	<ul>
            	<li>
                	<span class="online"></span><a href="#"><img src="images/avatars/3.png" width="50"/></a>
                    <div class="tooltipAvatar">
                    	<a href="#" class="fl avatar"><img src="images/avatars/3.png" width="74"/></a>
                        <span>
                        	<h2><a href="#">Phan Ngọc Sang</a></h2>
                            <p><a href="#">Trang cá nhân</a> | <label class="online">ONLINE</label></p>
                            <ul>
                            	<li><a href="#">&bull; Đang thực hiện: <b>5 mục tiêu</b></a></li>
                                <li><a href="#">&bull; Đã hoàn thành: <b>5 mục tiêu</b></a></li>
                                <li><a href="#">&bull; Số bài chia sẻ: <b>5 bài viết</b></a></li>
                            </ul>
                        </span>
                    </div>
                </li>
                <li>
                	<span class="offline"></span><a href="#"><img src="images/avatars/3.png" width="50"/></a>
                    <div class="tooltipAvatar" style="display:none;">
                    	<a href="#" class="fl avatar"><img src="images/avatars/3.png" width="74"/></a>
                        <span>
                        	<h2><a href="#">Phan Ngọc Sang</a></h2>
                            <p><a href="#">Trang cá nhân</a> | <label class="online">ONLINE</label></p>
                            <ul>
                            	<li><a href="#">&bull; Đang thực hiện: <b>5 mục tiêu</b></a></li>
                                <li><a href="#">&bull; Đã hoàn thành: <b>5 mục tiêu</b></a></li>
                                <li><a href="#">&bull; Số bài chia sẻ: <b>5 bài viết</b></a></li>
                            </ul>
                        </span>
                    </div>
                </li>
             
                
            </ul>
        </div>
        <div class="w6"></div>
        <div class="question">
          <h1>Có thể bạn biết</h1>
          
        </div>
        <div class="hintFriend">
          <a class="avatar" href="#"><img src="images/avatar/_r7_c1.png" alt=""></a>
          <div class="infofriend"> <span class="friendname"><a>Putil olami</a></span>
            <label class="mutualFriend">Có chung 5 bạn bè</label>
            <b class="off">OFFLINE</b>
          </div>
          <a href="#" class="followFriend">KẾT BẠN</a>
          <a href="#" class="commentDelete deleteMutualFriend"></a>
        </div>
      </div>
    </div>
  </div>
</div>
<br />
<br />
<br />
<br />
<br />

</body>
</html>
